import { StyleSheet } from "react-native";

export const createStyles = (colors: any) =>
  StyleSheet.create({
    container: {
      backgroundColor: colors.background,
      borderRadius: 8,
      marginHorizontal: 16,
      marginVertical: 8,
      padding: 16,
    },
    header: {
      flexDirection: "row",
      justifyContent: "space-between",
      alignItems: "center",
      marginBottom: 8,
    },
    title: {
      fontSize: 16,
      fontWeight: "500",
      color: colors.text.primary,
    },
    itemContainer: {
      flexDirection: "row",
      justifyContent: "space-between",
      alignItems: "center",
      paddingVertical: 16,
    },
    leftContainer: {
      flex: 1,
    },
    itemTitle: {
      fontSize: 16,
      color: colors.text.primary,
      marginBottom: 4,
    },
    description: {
      fontSize: 14,
      color: colors.text.secondary,
    },
  });
